<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>cisau信院免费邮--校园邮箱第一品牌</title>
<link rel="shortcut icon" href="<%=basePath %>images/favicon.ico" type="image/x-icon"/>

<link rel="stylesheet" href="<%=basePath %>js/jPlayer/jplayer.flat.css" type="text/css" />
  <link rel="stylesheet" href="<%=basePath %>css/bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="<%=basePath %>css/animate.css" type="text/css" />
  <link rel="stylesheet" href="<%=basePath %>css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="<%=basePath %>css/simple-line-icons.css" type="text/css" />
  <link rel="stylesheet" href="<%=basePath %>css/font.css" type="text/css" />
  <link rel="stylesheet" href="<%=basePath %>css/app.css" type="text/css" />  
</head>
<body class="">
  <section class="vbox">
<jsp:include page="top.jsp"></jsp:include>
   <!-- 修改好友表单start -->
        <section id="content">
          <section class="vbox">
            <section class="scrollable padder">
              <div class="m-b-md">
                <h3 class="m-b-none">修改好友资料</h3>
              </div>
              <div class="row" style="margin-left:70px;">
                <div class="col-sm-6">
                
                  <form id="wizardform" method="post" action="<%=basePath %>friend/edit">
                    <div class="panel panel-default">
                      <div class="panel-heading">
                        <ul class="nav nav-tabs font-bold">
                          <li><a href="#step1" data-toggle="tab">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
                        </ul>
                      </div>
                      <div class="panel-body">
                        <p>请在下方修改你的好友昵称！</p>
                        <div class="line line-lg"></div>
                        
                        <div class="progress progress-xs m-t-md">
                          <div class="progress-bar bg-success"></div>
                        </div>
                        <div class="tab-content">
                          <div class="tab-pane" id="step1">
                          	<input name="id" value="${friend.id }" type="hidden">                            
                            <p>昵称:</p>
                            <input type="text" value="${friend.nickname }" name="nickname" class="form-control" data-trigger="change" data-required="true" data-type="url">
                            <p class="m-t">邮箱地址:</p>
                            <input type="text" value="${friend.friend }" name="friend" disabled="true" class="form-control" data-trigger="change" data-required="true" data-type="email">
                          </div>
                         
                         
                          <ul class="pager wizard m-b-sm">
                            
                            <li style="float: right;"> <button type="submit" class="btn btn-default">提交</button></li>
                            
                          </ul>
                        </div>
                      </div>
                    </div>
                  </form>
                  
                </div>
                
            </section>
          </section>
          <a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen,open" data-target="#nav,html"></a>
        </section>
        <!-- 修改好友表单end -->
  </section>
  <script src="<%=basePath %>js/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="<%=basePath %>js/bootstrap.js"></script>
  <!-- App -->
  <script src="<%=basePath %>js/app.js"></script>  
  <script src="<%=basePath %>js/slimscroll/jquery.slimscroll.min.js"></script>
  <script src="<%=basePath %>js/parsley/parsley.min.js"></script>
<script src="<%=basePath %>js/wizard/jquery.bootstrap.wizard.js"></script>
<script src="<%=basePath %>js/wizard/demo.js"></script>
  <script src="<%=basePath %>js/app.plugin.js"></script>
  <script type="text/javascript" src="<%=basePath %>js/jPlayer/jquery.jplayer.min.js"></script>
  <script type="text/javascript" src="<%=basePath %>js/jPlayer/add-on/jplayer.playlist.min.js"></script>
  <script type="text/javascript" src="<%=basePath %>js/jPlayer/demo.js"></script>
</body>
</html>